<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>注册</title>
<link type="text/css" rel="stylesheet" href="easyui/themes/icon.css">
<link type="text/css" rel="stylesheet"
	href="easyui/themes/default/easyui.css">
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>

<script type="text/javascript">
//检验两次输入的密码是否一致
$.extend($.fn.validatebox.defaults.rules, {    
    equals: {    
        validator: function(value,param){    
            return value == $(param[0]).val();    
        },    
        message: '两次输入的密码不一致'   
    }    
});
//非空验证
if ($.fn.validatebox){    
	    $.fn.validatebox.defaults.missingMessage = '该输入项为必输项';  
	}
</script>
</head>
<body>
	<!--左侧功能快-->
	<div style="float: left;width: 50%;height: 100%;">
		<img src="img/wordgong.jpg" style="width: 100%;height: 100%">
	</div>
	<!--右侧功能块-->
	<div style="float: left;width:50%;height: 100%;" align="center">
		<div style="margin-top: 20%">
			<form action="regies" method="post">
				<div style="margin-top: 20px;">
					<span><b>名称:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b></span>
					<input type="text" id="name" name="name"
					 style="width: 230px;height: 20px" class="easyui-validatebox" onblur="" data-options="required:true,validType:'length[3,10]'">
				</div>
				<div style="margin-top: 20px;">
					<span><b>账户:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b></span>
					<input type="text" id="username" name="username"
					style="width: 230px;height: 20px" class="easyui-validatebox" data-options="required:true,validType:'length[3,10]'" >
				</div>
				<div style="margin-top: 20px;">
					<span><b>密码:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b></span>
					<input type="password" id="pwd" name="pwd"
					style="width: 230px;height: 20px" class="easyui-validatebox" data-options="required:true">
				</div>
				<div style="margin-top: 20px;">
					<span>确认密码:</span>
					<input type="password" id="rpwd" name="rpwd"
					style="width: 230px;height: 20px" class="easyui-validatebox" required="required" validType="equals['#pwd']" >
				</div>
				<div style="margin-top: 20px;">
					<input type="submit" tabindex="8" value="立即注册" 
					style="background-color:#0084C6;width: 300px;height: 50px">
				</div>
			</form>
		</div>
	</div>
</body>
</html>